.evaluate-wrapper{
  width: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #EFEFEF;
  padding-top: px2rem(54px);
  overflow: hidden;
  .evaluate-box{
    width: 93%;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    margin: 20px auto;
    .star-area {
      text-align: center;
      margin-top: px2rem(30px);
    }
    .star-item {
      width: px2rem(32px);
      height: px2rem(32px);
      background-image: url('./img/gray-star.png');
      background-size: cover;
      display: inline-block;
      margin-right: px2rem(10px);
      &.light {
        background-image: url('./img/light-star.png');
      }
    }
    .comment {
      margin-top: px2rem(20px);
      margin-left: px2rem(10px);
      margin-right: px2rem(10px);
      border-bottom: 1px solid #e4e4e4;
      padding-bottom: px2rem(13px);
      position: relative;
      .count {
        font-size: px2rem(11px);
        color: #aaa;
        position: absolute;
        bottom: px2rem(24px);
        right: px2rem(9px);
      }
      .comment-input {
        width: 100%;
        height: px2rem(100px);
        border: 1px solid #c6c6c6;
        box-sizing: border-box;
        outline: none;
        -webkit-appearance: none;
        border-radius: 0;
        font-size: px2rem(16px);
        padding: px2rem(10px);
        background-color: #fafafa;
      }
    }
    .food-title{
      width: 100%;
      font-size: px2rem(16px);
      color: #666;
      border-top: 1px solid #e4e4e4;
      padding: 20px 0px 10px 0px;
    }
  }
  .submit-btn{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: px2rem(50px);
    line-height: px2rem(50px);
    font-size: px2rem(16px);
    color: #333;
    background-color: #ffd161;
    text-align: center;
  }
}
